import { Component } from "react";
import { Button, Space, DatePicker, Image, Row, Col, Input } from 'antd';
import { userStore } from '@/stores/user';
import { observer } from 'mobx-react';
import { history } from 'umi';
import { SearchOutlined } from '@ant-design/icons';
import styles from './map.less';
import Header from '../components/header/index';
import pic1 from '../../assets/art2.png';
import Footer from '../components/footer';
import { Tabs, Radio } from 'antd';
import { Map, MouseTool, Polygon, PolyEditor, Marker } from 'react-amap';



export default class Appreciation extends Component {

  state = {
    tabPosition: 'left',
    center: { longitude: 116.39, latitude: 39.9 }

  };

  changeTabPosition = e => {
    this.setState({ tabPosition: e.target.value });
  };



  render() {
    const { tabPosition } = this.state;
    const { TabPane } = Tabs;
    return (
      <div>
        <Header />
        <div className={styles.content_container}>
          <div className={styles.tabs_box}>
            <div className={styles.title}>参观服务</div>
            <div className={styles.divider}></div>
            <div style={{ width: '80%', margin: '0 auto' }}>
              <Tabs tabPosition='left'>
                <TabPane tab="免费参观办法" key="1">
                  <div className={styles.tab_text} style={{ height: '400px' }}>
                    一、竹林美术馆自2021年1月12日（周二）起根据疫情防控要求有序开放，实行预约、错峰、限流参观。开放时间为每日9:00-17:00（16:00停止入馆），周一例行闭馆（法定节假日除外）。每日12:30-13:30为场馆消毒时间，届时请观众朋友积极配合，有序离馆；
                    二、每日预约人数为1800人，额满为止。观众需提前1-7日在中国美术馆官方网站或微信公众号，凭第二代身份证或护照信息实名预约。每天分两个预约入馆时段：9:00-12:30（1100人），13:30-16:00（700人）。每人每天预约参观1次，不接受现场预约和团体预约参观，提前或错过预约时段的谢绝入场；
                    三、为解决老年人运用智能技术困难，对年满60周岁持老年证、身份证的老年人在中国美术馆预约窗口可直接登记入馆；
                    四、首次预约请先注册为中国美术馆网站会员并按照提示登录预约。已注册为中国美术馆网站会员的用户请先登录并按要求预约；
                    五、预约成功后，系统自动发送预约成功消息通知，请妥善保存，目前仅可通过中国美术馆网站、微信公众号官方渠道进行预约，请大家认准，以免耽误您的行程；
                    六、观众入馆时，需配合工作人员接受本人有效身份证原件、预约码、健康码的查验和体温检测，相关信息异常或体温检测超过37.3度（含）等身体异常人员谢绝入馆；
                    七、观众须在预约时间段到馆参观，避免造成扎堆聚集，如无法按时入馆参观，观众可于参观当日15:00点前在本系统申请取消参观，逾期未能取消，系统将自动默认该账号爽约1次，累计3次爽约的账号，将在90天内不能预约。</div>
                </TabPane>
                <TabPane tab="地图" key="2">
                  <div style={{ position: 'relative', marginLeft: '10px' }}>
                    <div id='container' style={{ width: '100%', height: '400px', border: '1px solid #000000', whiteSpace: 'nowrap', }}>
                      <Map
                        amapkey={'f5d1705d87085d55cf70b17e2d123676'}
                        plugins={['MapType',]}
                        zoom={10}
                        center={this.state.center}
                      >
                        <Marker position={this.state.center} >
                        </Marker>
                      </Map>
                    </div>
                  </div>
                </TabPane>
                <TabPane tab="交通方式" key="3">
                  <div className={styles.tab_text} style={{ height: '400px' }}>
                    公交:
                    美术馆站：103路, 111路, 夜13路
                    美术馆东站：101路, 109路, 112路, 128路, 140路, 58路,夜13路
                    美术馆北站：104路, 108路, 夜18路, 夜21路, 特11路
                    地铁:
                    美术馆站：8号线（正在筹建中）
                    东四站：5号线东四站出口出，向西行约300米
                  </div>
                </TabPane>
              </Tabs>
            </div>
          </div>
        </div>
        <Footer />
      </div>
    )
  }
}